/* GENERIC -------------------------------------------------------------*/ a { text-decoration: none; } a:hover { text-decoration: underline; } .clear { clear: both; display: block; } .left { float: left; } .right { float: right; } img { display: block; } img.alignright { float: right; } .hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } p.skiplink { padding: 0; } a#skiptocontent { left: -9999px; position: absolute; z-index: 500; } a#skiptocontent:active, a#skiptocontent:focus { background: #ff0; border: none; color: #000; font-size: 1em; font-weight: bold; left: 0; padding: 2px 0 4px; text-align: center; top: 0; width: 100%; } /* BODY & HTML -------------------------------------------------------------*/ html { } body { font: 62.5%/1.5 Arial, Verdana, Helvetica, sans-serif; } /* TYPOGRAPHY -------------------------------------------------------------*/ h1, h2, h3 { color: #00acb9; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; } .api_page h1, .api_page h2, .api_page h3 { color: #83c04b; } .r5_page h1, .r5_page h2, .r5_page h3 { color: #f1b546; } .fp_page h1, .fp_page h2, .fp_page h3 { color: #cf1538; } .pss_page h1, .pss_page h2, .pss_page h3 { color: #0A72AB; } h1 { font-size: 28px; font-weight: normal; line-height: 1; margin: 7px 0 20px; } h2 { font-size: 20px; font-weight: normal; } h3 { font-size: 16px; font-weight: normal; } h4 { font-weight: bold; margin: 5px 0 2px; } h5 { } h6 { } /* MAIN CONTAINERS -------------------------------------------------------------*/ .wrap { margin: 0 auto; padding-right: 6px; padding-left: 6px; position: relative; width: 960px; } #container { background: url(..\images\layout\drop.png) repeat-y 0 0; overflow: hidden; } header { background: url(..\images\layout\droptop.png) no-repeat 0 bottom; height: 80px; padding-top: 20px; } #content { padding-bottom: 25px; position: relative; z-index: 5; margin: 0 5px; } footer { padding: 16px 0; position: relative; z-index: 5; } body#home #content { padding-bottom: 0; } .pod video { position: relative; z-index: 10000; } /* HEADER -------------------------------------------------------------*/ #logo { background: url(..\images\layout\logo.png) no-repeat 0 0; display: block; height: 60px; width: 218px; } #logo span { display: block; height: 0; overflow: hidden; } h1#logo { text-indent: -9999px; } #slides { height: 640px; left: 6px; overflow: hidden; position: absolute; top: 0; width: 960px; z-index: 1; } ul#slide_container { float: left; position: absolute; right: 0; top: 0; width: 9999px; } #slides .slide { float: right; position: relative; width: 960px; } .arrow { position: absolute; width: 500px; z-index: 5; } .small_arrow { background: url(..\images\layout\small-arrows.png) no-repeat right 0; height: 29px; } .blue_arrow { background-position: right: 0; } .green_arrow { background-position: right -29px; z-index: 15; } .yellow_arrow { background-position: right -58px; } .red_arrow { background-position: right -87px; } .large_arrow { background: url(..\images\layout\big-arrows.png) no-repeat right 0; height: 244px; top: 0; } .large_arrow h2 { color: #fff; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; font-size: 18px; position: absolute; right: 68px; top: 108px; } .large_blue_arrow { background-position: right: 0; } .large_green_arrow { background-position: right -244px; } .large_yellow_arrow { background-position: right -488px; } .large_red_arrow { background-position: right -732px; } .first_arrow { top: -47px; width: 867px; } .second_arrow { top: 113px; width: 740px; } .third_arrow { top: 96px; width: 660px; } .fourth_arrow { top: 26px; width: 560px; } .first_slide .arrow { width: 0; } #slide_indicators { left: 0; overflow: hidden; position: absolute; top: 336px; z-index: 50; width: 100%; } #slide_indicators span { display: block; height: 0; overflow: hidden; } #slide_indicators ul { float: left; left: 50%; position: relative; } #slide_indicators li { float: left; margin-right: 15px; position: relative; right: 50%; } #slide_indicators li:hover { cursor: pointer; } #slide_indicators a { background: #333; border: 1px solid #fff; display: block; float: left; height: 12px; width: 12px; } #slide_indicators a { border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; } #slide_indicators li:last-child { margin: 0; } .controls { overflow: hidden; padding: 2px 0; position: absolute; right: 6px; top: 340px; z-index: 50; } .controls a { background: url(..\images\icons\controls.png) no-repeat 0 0; display: block; float: left; height: 14px; margin: 0 2px; width: 13px; } .controls a.pause { background-position: 0 0; } .controls a.play { background-position: -13px 0; } #google_search { position: absolute; right: 7px; top: 58px; width: 250px; } .gsc-branding { display: block; } #social { position: absolute; right: 7px; top: 5px; } #social p { color: #333; font-size: 11px; padding-top: 4px; } #social p, #social ul, #social li, #social a { float: left; } #social li { margin-left: 8px; } #social span { display: block; height: 0; overflow: hidden; } #social a { background: url(..\images\icons\social-icons.png) no-repeat 0 0; display: block; height: 26px; width: 26px; } #social a:active { margin-top: 1px; } #s_twitter a { background-position: 0 0; } #s_linkedin a { background-position: -26px 0; } #s_youtube a { background-position: -52px 0; } /* NAVIGATION -------------------------------------------------------------*/ #main_nav, #main_nav ul.children li { background: url(..\images\layout\nav_blue75.png); background: rgba(0, 59, 101, 0.75); } #main_nav { font-size: 16px; line-height: 1; height: 30px; margin-bottom: 300px; position: relative; z-index: 50; } #main_nav ul { } #main_nav li { float: left; position: relative; z-index: 10; } #main_nav a { color: #fff; display: block; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; position: relative; float: left; height: 24px; padding: 6px 12px 0; z-index: 10; } /*#main_nav .current_page_item a, #main_nav .current_page_parent a, #main_nav .current_page_ancestor a, #main_nav a:hover { background: url(..\images\layout\black55.png); background: rgba(0, 0, 0, 0.55); text-decoration: none; } */ #main_nav a:hover { text-decoration: none; } #main_nav ul.children { display: none; left: 0; position: absolute; top: 30px; width: 270px; } #main_nav ul.children li, #main_nav ul.children a { float: none; } #main_nav ul.children li { margin-top: 1px; } #main_nav ul.children a:hover { background: url(..\images\layout\nav_blue.png); background: rgba(0, 59, 101, 1); color: #fff; } #main_nav ul.children .page-item-23 a:hover { background: #83c04b; color: #333; } #main_nav ul.children .page-item-25 a:hover { background: #f1b546; color: #333; } #main_nav ul.children .page-item-27 a:hover { background: #cf1538; color: #333; } #home #main_nav { margin-bottom: 330px; } #mn_pointer { background: url(..\images\layout\black55.png); background: rgba(0, 0, 0, 0.55); height: 30px; position: absolute; left: 1000px; top: 0; width: 100px; z-index: 5; } /* HOMEPAGE CONTENT -------------------------------------------------------------*/ #pods { margin-bottom: 5px; overflow: hidden; } .pod { background: url(..\images\layout\black55.png); background: rgba(0, 0, 0, 0.55); float: left; margin-left: 7px; width: 312px; } h1 + .pod { margin-left: 0px; } h1 + .pod + .pod + .pod { margin-left: 7px; } .pod .pod_title a { color: #fff; display: block; font-size: 14px; font-weight: normal; height: 21px; line-height: 14px; padding: 7px 10px 0; } .pod .thumb { margin: 6px 4px; } .pod .article { overflow: hidden; padding: 2px; position: relative; } .pod .article p { margin-bottom: 5px; } .pod .thumb { float: left; margin-right: 4px; } .pod .copy { color: #fff; font-size: 12px; line-height: 1.2; padding: 5px 0 0; } .pod .nav { background: #000; height: 24px; padding: 1px 0; width: 100%; } .pod .nav li { border-right: 1px solid #383838; float: left; width: 73px; } .pod .nav li.last { border: none; } .pod .nav a { background: url(..\images\icons\pod-icons.png) no-repeat 10px 0; color: #fff; display: block; float: left; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; font-size: 13px; height: 22px; padding: 2px 0 0 30px; } .pod a.info_link { background-position: 10px 5px; } .pod a.video_link { background-position: 10px -45px; } .pod a.contact_link { background-position: 10px -97px; } .api_bg a { background: #83c04b; } .r5_bg a { background: #f1b546; } .fp_bg a { background: #cf1538; } .pss_bg a { background: #0A72AB; } .overlay { background: url(..\images\layout\white90.png); background: rgba(255, 255, 255, 0.90); overflow: hidden; } .overlay-white { background: #FFFFFF; overflow: hidden; } .ft_overlay { background: rgb(255, 255, 255); overflow: hidden; } .rss img { display: inline; margin-right: 5px; position: relative; top: 1px; } #latest { background: rgb(255, 255, 255); clear: left; padding: 8px 15px 20px; } #latest h3 { color: #0C3966; font-size: 14px; margin: 0 0 6px; font-weight: bold; } #latest .rss { margin-right: 3px; top: 3px; } .snippets { border-right: 1px solid #AFBECD; float: left; margin-right: 10px; padding-right: 10px; } .last_snippets { border: none; margin: 0; padding: 0; } .snippet { border-right: 1px solid #AFBECD; float: left; font-size: 12px; margin-right: 10px; min-height: 54px; padding-right: 10px; width: 210px; } .last_snippet { border: none; margin: 0; padding: 0; } .snippet h4 { line-height: 1.2; } .snippet h4 a { color: #0C3966; } .snippet a:hover span { text-decoration: underline; } .snippet .date { color: #00acb9; } .snippet .location { display: block; } /* MAIN CONTENT -------------------------------------------------------------*/ #main { color: #0C3966; float: left; font-size: 13px; line-height: 1.5; padding: 8px 50px 0 0; width: 590px; } #main p, #main ul { margin: 0 0 20px; } #main address { line-height: 1.35; margin: 0 0 20px; } #main li { background: url(..\images\layout\bullet.gif) no-repeat 0 7px; padding: 0 0 5px 12px; } .api_page #main li { background-image: url(..\images\layout\api-bullet.gif); } .r5_page #main li { background-image: url(..\images\layout\r5-bullet.gif); } .fp_page #main li { background-image: url(..\images\layout\fp-bullet.gif); } #main .grid { margin-top: 25px; overflow: hidden; } #main .grid ul { clear: left; float: left; } #main .grid li { background: 0; float: left; font-size: 13px; line-height: 16px; margin: 0 30px 20px 0; padding: 0; width: 150px; height: 250px; } #main .grid a { color: #000; text-decoration: none; } #main .grid a:hover { text-decoration: underline; } #main .grid li:hover a { text-decoration: underline; } #main .grid img { display: block; margin-bottom: 5px; } #main .grid h2 { font-size: 14px; margin-bottom: 2px; } #main .grid h2 a { color: #000; } #main .post h1 a { color: #000; } #main blockquote { background: url(..\images\layout\quotes.png) no-repeat 0 0; color: #00acb9; padding-top: 30px; } #main .meta { font-size: 13px; font-weight: bold; margin: -18px 0 8px } #main .event .meta { margin: -2px 0 16px; } #main strong { font-weight: bold; } #main em { font-style: italic; } #main p a, #main address a, #main li a { color: #000; text-decoration: underline; } #main p a:hover, #main address a:hover, #main li a:hover { text-decoration: none; } #main .print_link { background: url(..\images\icons\print.png) no-repeat 0 0; display: block; float: left; font-weight: bold; margin-top: 25px; padding: 0 0 1px 23px; } #main .addthis_toolbox { display: block; margin-top: 25px; } #main .pagination { padding: 0 0 25px; } #main .pagination a { color: #000; } #main .pagination a:last-child { display: block; float: right; } #main .pagination a:first-child { display: inline; float: none; } .map { background: url(..\images\layout\world-map.png) no-repeat 0 0; height: 260px; margin: 45px 0 15px; width: 594px; } /* Innovation Page Content -------------------------------------------------------------*/ #innoMasthead { margin: -8px 0 15px 0 !important; padding:0 !important; } .innovationPage img{ display: inline !important; padding:10px; float:left; } .inno-btn-left { padding:0 2px 2px 0 !important; } .inno-btn-right { padding:0 0 2px 0 !important; } /* DOWNLOADS -------------------------------------------------------------*/ a[href$='.pdf']:before { content: url(..\images\icons\page_white_acrobat.png); margin-right: 4px; } a[href*='ENG'], a[href*='UK'] { background: url(..\images\icons\gb.png) top left no-repeat; padding-left: 20px; } a[href*='IT'] { background: url(..\images\icons\it.png) top left no-repeat; padding-left: 20px; } a[href*='DE'] { background: url(..\images\icons\de.png) top left no-repeat; padding-left: 20px; } /* SIDE PANEL -------------------------------------------------------------*/ #sidebar { float: left; margin-right: 60px; padding: 17px 0 0 20px; width: 230px; } #sidebar h2 { font-size: 20px; margin: 0 0 17px; } #sidebar h3 { color: #000; font-size: 20px; margin: 0 0 5px; } #sidebar .pod { background: #737373; float: none; margin: 0 0 20px; width: auto; } #sidebar .pod_title a { font-size: 13px; font-weight: bold; height: 20px; padding-top: 8px; } #sidebar .pod .copy { padding: 0 2px; } #sidebar .pod .copy p { line-height: 1.4; padding: 8px; padding-right: 3px; } #sidebar .pod .nav li { width: 70px; } #sidebar .pod .nav a { font-size: 12px; } .subnav { margin: 0 0 20px; overflow: hidden; } .subnav ul { border-bottom: 1px solid #AFBECD; } .subnav li { border-top: 1px solid #AFBECD; } .subnav a { color: #0C3966; display: block; font-size: 13px; line-height: 1.2; padding: 5px 10px; } .subnav ul ul { border: none; } .subnav ul ul a { padding-left: 20px; } .subnav ul ul ul a { padding-left: 40px; } .articles_nav a span { display: block; font-size: 11px; font-style: italic; padding: 1px 0 0; } .sp_prev, .sp_next { display: block; } .sp_prev { float: left; } .sp_next { float: right; } .subnav .current_page_item a { background: url(..\images\layout\subnav-active-item.png) no-repeat right center; } .subnav .current_page_item ul a { background: none; color: #0C3966; } .subnav a:hover, .subnav .current_page_item a, .subnav .current_page_item ul a:hover { color: #00acb9; } .api_page .subnav .current_page_item a { background-image: url(..\images\layout\subnav-active-api-item.png); } .api_page .subnav .current_page_item ul a { background: none; color: #0C3966; } .api_page .subnav a:hover, .api_page .subnav .current_page_item a, .api_page .subnav .current_page_item ul a:hover { color: #83c04b; } .r5_page .subnav .current_page_item a { background-image: url(..\images\layout\subnav-active-r5-item.png); } .r5_page .subnav .current_page_item ul a { background: none; color: #0C3966; } .r5_page .subnav a:hover, .r5_page .subnav .current_page_item a, .r5_page .subnav .current_page_item ul a:hover { color: #f1b546; } .fp_page .subnav .current_page_item a { background-image: url(..\images\layout\subnav-active-fp-item.png); } .fp_page .subnav .current_page_item ul a { background: none; color: #0C3966; } .fp_page .subnav a:hover, .fp_page .subnav .current_page_item a, .fp_page .subnav .current_page_item ul a:hover { color: #cf1538; } .pss_page .subnav .current_page_item a { background-image: url(..\images\layout\subnav-active-fp-item.png); } .pss_page .subnav .current_page_item ul a { background: none; color: #0C3966; } .pss_page .subnav a:hover, .pss_page .subnav .current_page_item a, .pss_page .subnav .current_page_item ul a:hover { color: #0A72AB; } .subnav .page-item-23 a:hover { color: #83c04b; } .subnav .page-item-25 a:hover { color: #f1b546; } .subnav .page-item-27 a:hover { color: #cf1538; } ul.children .page-item-23 a:hover { color: #83c04b; } ul.children .page-item-25 a:hover { color: #f1b546; } ul.children .page-item-27 a:hover { color: #cf1538; } /* CALENDAR -------------------------------------------------------------*/ #ftcalendar-div{margin:0 auto;font-size:10pt;position:relative;color:#00ACB8;} #ftcalendar-nav{text-align:left;height:30px;text-align:center;font-size:20px;line-height:25px;} #ftcalendar-nav #ftcalendar-prev{font-size:14pt;vertical-align:middle;} #ftcalendar-nav #ftcalendar-current{margin-left:1%;margin-right:1%;vertical-align:middle;} #ftcalendar-nav #ftcalendar-current a{text-decoration:none;color:#00ACB8;} #ftcalendar-nav #ftcalendar-next{font-size:14pt;vertical-align:middle;} #ftcalendar-prev a,#ftcalendar-next a{text-decoration:none;color:#00ACB8;} .month #ftcalendar-table{margin:0px;padding:0px;min-width:600px;table-layout:fixed;margin:0 auto;background-color:white;width:100%;} #ftcalendar-table tr th{font-size:8pt;font-weight:normal;text-align:center;} #ftcalendar-table tr th,#ftcalendar-table tr td{padding:0;} #ftcalendar-table tr th#ftcalendar-headings{font-weight:bold;color:#333333;} .month #ftcalendar-table tr th,.month #ftcalendar-table tr td, .week #ftcalendar-table tr th,.week #ftcalendar-table tr td, .thumb #ftcalendar-table tr th,.thumb #ftcalendar-table tr td{border:1px solid #B2D5E5;margin:0;overflow:hidden;padding:0;vertical-align:top;white-space:nowrap;} .month #ftcalendar-table tr th,.month #ftcalendar-table tr td, .week #ftcalendar-table tr th,.week #ftcalendar-table tr td{width:14%;max-width:14%;min-width:85px;} .thumb #ftcalendar-table tr th,.thumb #ftcalendar-table tr td{width:14%;max-width:14%;min-width:10px;} .month #ftcalendar-table tr td, .week #ftcalendar-table tr td{height:70px;min-height:70px;} #ftcalendar-table tr td.current_day{background:#FFF7D7;} #ftcalendar-table tr td.current_day .ftcalendar-event-date{background:#FAD163;} .thumb #ftcalendar-table tr td.current_day .ftcalendar-event-date{background:white;} .ftcalendar-event-date{color:#00ACB8;overflow:hidden;padding-right:2px;text-align:right;font-size:8pt;line-height:10pt;} .ftcalendar-event-date span:hover{cursor:pointer;} .thumb #ftcalendar-table tr td.ftcalendar-event-date{text-align:center;vertical-align:middle;} .ftcalendar-event-date a,.ftcalendar-event-date span.thumb-event{text-decoration:none;color:#666;display:block;} .thumb .ftcalendar-event-date span.thumb-event{text-decoration:none;color:#000;font-weight:bold;} .thumb .ftcalendar-event-date span.unmonth{text-decoration:none;color:#E3E9FF;font-weight:bold;} .thumb-event-div{display:none;border:1px solid black;position:absolute;width:200px;height:200px;left:0;top:0;background-color:#E3E9FF;} .thumb-event-div .thumb-events{width:100%;height:90%;overflow:auto;overflow-x:hidden;-ms-overflow-x:hidden;background-color:white;} .thumb-event-header{background-color:#00ACB8;position:relative;} .thumb-event-header .thumb-event-close{color:black;font-size:10pt;position:absolute;right:4px;top:-2px;vertical-align:middle;} .unmonth{background-color:#fff;color:#B2D5E5;} .unmonth a{color:#aaa;} .ftcalendar-event-date a:hover,.ftcalendar-event-date a:hover.unmonth, .ftcalendar-event-date span:hover.thumb-event,.ftcalendar-event-date span:hover.unmonth{text-decoration:underline;} .ftcalendar-event-time{font-weight:bold;} .month div.ftcalendar-events-div{height:100%;overflow:auto;overflow-x:hidden;-ms-overflow-x:hidden;} div.ftcalendar-event{border-top:1px solid #00ACB8;border-bottom:1px solid #00ACB8;margin:1px 2px;} .ftcalendar-event div{background:#00ACB8;border-right:1px solid #00ACB8;border-left:1px solid #00ACB8;margin:0 -1px;text-align:left;padding:0 0 0 3px;font-size:8pt;overflow:hidden;white-space:nowrap;line-height:10pt;} .ftcalendar-event div a{color:white;text-decoration:none;display:block;} #ftcalendar-events-table tr th,#ftcalendar-events-table tr td{padding:0px;margin:0px;} #ftcalendar-legend{padding-left:10px;padding-top:10px;font-weight:bold;} #ftcalendar-legend p{margin-bottom:5px;} #ftcalendar-legend .ftcalendar-event{float:left;position:relative;left:auto;width:auto;} #ftcalendar-legend .ftcalendar-event div{padding:0 3px;} .ftc-clearboth{clear:both;} /* FOOTER -------------------------------------------------------------*/ footer { font-size: 12px; line-height: 1.4; margin: 0 5px 5px 5px;} footer h5 { color: #00acb9; margin: 0 0 9px; } footer section { border-right: 1px solid #AFBECD; float: left; height: 92px; padding: 0 20px; } footer section.last { border: none; } footer a { color: #0C3966; } footer h5 a { color: #0A72AB; font-weight: bold;} footer hr#hr_footer { height: 1px; border: 0; margin: -16px 10px 20px 10px; color: #AFBECD; background-color: #AFBECD;} #site_foot { font-size: 11px; padding: 8px 0 40px; } #site_foot, #site_foot a { color: #000; } #site_foot p { padding-left: 15px; } /* GOOGLE SEARCH RESULTS -------------------------------------------------------------*/ .gs-title a { color: #00acb9; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; } /* BROWSER SPECIFIC STYLING -------------------------------------------------------------*/ .ie6 #content { width: 100%; } .ie6 .pod { display: inline; } .ie6 #latest { float: left; margin-top: 10px; width: 930px; } .ie6 footer { width: 100%; } .ie6 .subnav ul ul a { zoom: 1; } .ie6 #sidebar .pod { zoom: 1; } .ie6 #sidebar .pod_title { display: inline; margin: 0 0 2px; zoom: 1; } .ie6 #main h1, .ie7 #main h1 { margin-top: 15px; } .ie7 input.gsc-input { border-color: #BCCDF0; width:220px; } .ie7 input.gsc-search-button { left:-30px; font-size: 0; display: block; line-height: 0; } .ie7 .pod .pod_title a { padding-left: 5px; } .ie8 .pod .pod_title a { padding-left: 5px; } .ie7 #main_nav ul.children li { margin-top: 0; }